<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Insert title here</title>
<style type="text/css">
body{
margin: 0;
padding-top: 85px;
}
#d1{
  width: 100%;
  height: 80px;
  background-color: red;
  /*  固定定位  */
  position: fixed;
  top: 0
}
#d2{
width: 80px;
height: 200px;
background-color: blue;
/* 固定定位  */
position: fixed;
/* 距离右侧10  */
right: 10px;
/*  居中    */
top: 50%;
/*  让元素往上移动100px   */
margin-top: -100px;
}
</style>
</head>
<body>
  <div id="d1"></div>
  <div id="d2"></div>
  <img src="../imgs/a.jpg">
  <img src="../imgs/b.jpg">
  <img src="../imgs/c.jpg">
  <img src="../imgs/d.jpg">
</body>
</html>